// 主题样式
$themes: ( // 明亮模式
  light: ( // 背景色
    backgroundColor: #f5f5f5, //背景色,不能随意更改
    antherBackgroundColor: #f3f7ff, //另一套背景色
    switchBtnBgcColor:#F9F9F9, // 主要用在滑块按钮
    menuBGC:#FFFFFF, //导航菜单的背景色
    searchContentBgc:#F9F9F9, // 隐藏搜索框盒子的背景颜色
    searchIptBGC:#ffffff, // 搜索框的背景颜色
    topBackBGC:#FFFFFF, // 回到顶部按钮的背景颜色
    topBackHoverBGC:#EFEFEF,// 鼠标移动到回到顶部按钮时的背景颜色
    btnBackgroundColor: #5956eb, // 按钮背景色

    // 文本色
    // mainTextColor: #213547, // 主文本色,主要用于正文
    mainTextColor: black, // 主文本色,主要用于正文
    deputyTextColor: #7977ee, // 副文本色，主要用于about页面中的标题
    menuTextColor:#213547, // 导航菜单文字颜色
    teacherText:#213547, // 介绍老师所用的文字颜色
    searchIptText:#767676, // 搜索框中的字体颜色

    // 其他
    backgroundOpacity: 1, // 背景透明度
    menuborderColor:#E7E7E7, // 导航菜单的下边框颜色
    accountborderColor: #e3e9ed, // 个人主页边框颜色
    inpbgColor: #fff,
  ),
  // 暗黑模式
  dark: ( // 背景色
    backgroundColor: #181c27, //背景色，不能随意更改
    antherBackgroundColor: rgb(26, 50, 66), //另一套背景色
    switchBtnBgcColor:#242424, // 主要用在滑块按钮
    menuBGC:#1A1A1A, //导航菜单的背景色
    searchContentBgc:#242424, // 隐藏搜索框的背景颜色
    searchIptBGC:#2f2f2f, // 搜索框的背景颜色
    topBackBGC:#000, // 回到顶部按钮的背景颜色
    topBackHoverBGC:#373535,// 鼠标移动到回到顶部按钮时的背景颜色
    btnBackgroundColor: #9998ea, // 按钮背景色

    // 文本色
    mainTextColor: #999999, // 主文本色,主要用于正文，不能随意更改
    deputyTextColor:#9998ea, // 副文本色，主要用于about页面中的标题
    meauTextColor:#E1E1E1, // 导航菜单文字颜色
    teacherText:rgb(236, 222, 222), // 介绍老师所用的文字颜色
    searchIptText:#A0A0A0, // 搜索框中的字体颜色

    // 其他
    backgroundOpacity: 0.8, // 背景透明度
    menuborderColor:#363636, // 导航菜单的下边框颜色
    accountborderColor: #999999, // 个人主页边框颜色
    inpbgColor: #e3e9ed,
  ));


// 如何使用当前主题的颜色？ 
// 1.引入：@import "assets/css/_content.scss";
// 2.在选择器内使用：
//     (1)设置背景色：@include background_color("backgroundColor")
//     (2)设置文本色：@include font_color("mainTextColor或者deputyTextColor ...也可以自定义")
